<template>
    <child-header>
        <template #title>
            <div>
                健康信息
            </div>
        </template>
    </child-header>
    <div class="health-info">
        <van-nav-bar title="健康信息卡" />
        <van-cell-group>
            <van-cell title="姓名" value="张三" />
            <van-cell title="年龄" value="70岁" />
            <van-cell title="血压" value="120/80 mmHg" />
            <van-cell title="心率" value="72 次/分" />
            <van-cell title="血糖" value="5.2 mmol/L" />
        </van-cell-group>

        <van-divider />

        <van-card title="健康建议" :num="3" class="card-custom">
            <template #desc>
                <div class="card-content">
                    <p>1. 每日适量运动，如散步、太极等。</p>
                    <p>2. 均衡饮食，多吃蔬菜水果。</p>
                    <p>3. 定期监测血压、血糖等健康指标。</p>
                </div>
            </template>
        </van-card>

        <van-button type="primary" block>了解更多健康知识</van-button>
    </div>
</template>
<script setup>
import ChildHeader from '@/components/ChildHeader.vue'
</script>
<style scoped>
.health-info {
    padding: 15px;
}

.card-custom .van-card__desc {
    color: #666;
    line-height: 1.5;
}

.card-content p {
    margin: 0;
    padding: 5px 0;
}
</style>